<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>18.1.BOM-location对象 练习2：获取URL参数数据-login</title>
    <style>
        input {
            outline: none;
        }

        input::placeholder {
            color: #ccc;
        }
    </style>
</head>
<!-- 数据在不同网页中传递 -->
<!-- 1.第一个登录页面，里面有提交表单，action提交到index.html中 -->
<!-- 2.第二个页面，可以使用第一个页面的参数，这样实现了一个数据不同页面之间的传递效果 -->
<!-- 3.第二个页面之所以可以使用第一个页面的数据，是利用了URL里面的location.search -->
<!-- 4.在第二个页面中，需要把这个参数提取 -->
<!-- 5.第一步先去掉? 利用substr -->
<!-- 6.第二步利用=号分割 键和值 split('=') -->

<body>
    <form action="18.1.BOM-location对象 练习2：获取URL参数数据-index.html">
        用户名：<input type="text" name="uname" placeholder="请输入用户名">
        <input type="submit" value="登录">
    </form>
</body>

</html>